<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>简单才快乐前端学习</title>
    <style type="text/css">
    a {
        margin-right: 1em;
        margin-bottom: 1em;
    }
    
    a:link {
        color: peru;
    }
    
    a:visited {
        color: gray;
    }
    
    a:hover {
        color: red;
    }
    
    a:active {
        color: yellow;
    }
    </style>
</head>

<body>
    <h1>简单才快乐前端学习</h1>
    <a href="https://github.com/soulclearm/Learn_front_end">代码github地址</a>
    <a href="http://www.jianshu.com/users/cbd5ca062ece/latest_articles">笔记地址</a>
    <a href="http://ife.baidu.com/task/all">百度前端技术学院任务列表</a>
    <h1>任务demo地址(任务说明请看上面链接)</h1>
    <h3>第二阶段</h3>
    <p>
        <a href="second/task13.html">任务13：零基础JavaScript编码（一）</a>
        <a href="second/task14.html">任务14：零基础JavaScript编码（二）</a>
        <a href="second/task15.html">任务15：零基础JavaScript编码（三）</a>
        <a href="second/task16.html">任务16：零基础JavaScript编码（四）</a>
        <a href="second/task17.html">任务17：零基础JavaScript编码（五）</a>
        <hr />
        <a href="second/task18.html">任务18：基础JavaScript练习（一）</a>
        <a href="second/task19.html">任务19：基础JavaScript练习（二）</a>
        <a href="second/task20.html">任务20：基础JavaScript练习（三）</a>
        <a href="second/task21.html">任务21：基础JavaScript练习（四）</a>
        <hr />
        <a href="second/task22.html">任务22：JavaScript和树（一）</a>
        <a href="second/task23.html">任务23：JavaScript和树（二）</a>
        <a href="second/task24.html">任务24：JavaScript和树（三）</a>
        <a href="second/task25.html">任务25：JavaScript和树（四）</a>
        <hr />
        <a href="second/task29.html">任务29：表单（一）单个表单项的检验</a>
        <a href="second/task30.html">任务29：表单（二）多个表单项的动态校验</a>
        <a href="second/task31.html">任务31：表单（三）联动</a>
        <hr />
        <a href="second/task33.html">任务33：听指令的小方块（一）</a>
        <a href="second/task34.html">任务34：听指令的小方块（二）</a>
        <a href="second/task35.html">任务35：听指令的小方块（三）</a>
        <a href="second/task36/main.html">任务36：听指令的小方块（四）</a>
    </p>
    <h3>第一阶段</h3>
    <p>
        <a href="task1.html">任务1：html入门</a>
        <a href="task2.html">任务2：css入门</a>
        <a href="task3.html">任务3：三栏式布局</a>
        <a href="task4.html">任务4：定位和居中</a>
        <a href="task5.html">任务5：零基础HTML及CSS编码（二）</a>
    </p>
    <p>
        <a href="task7.html">任务7：实现常见的技术产品官网</a>
        <a href="task8.html">任务8：响应式网格（栅格化）布局</a>
        <a href="task10.html">任务10：Flexbox 布局练习</a>
    </p>
    <hr />
    <h1>做的一些玩具</h1>
    <a href="numGame/index.html">数字合成小游戏一个(PC版)</a>
    <a href="numGame_mobile/index.html">数字合成小游戏一个(移动版)</a>
    <a href="centering.html">居中相关，未完成</a>
</body>

</html>
